<!doctype html>
<html ng-app="app">
  <head>

    <!--
      <script type="text/javascript" src="js/bootstrap.js"></script>
    <script src="http://ui-grid.info/docs/grunt-scripts/csv.js"></script>
    <script src="http://ui-grid.info/docs/grunt-scripts/pdfmake.js"></script>
    <script src="http://ui-grid.info/docs/grunt-scripts/vfs_fonts.js"></script>
    -->
   
    <link rel="stylesheet" href="css/ui-grid.css" type="text/css">
    <link rel="stylesheet" type="text/css" href="css/libs.min.css">
    <link rel="stylesheet" type="text/css" href="css/docs.min.css">
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="css/easyui.css">
    <link rel="stylesheet" type="text/css" href="css/mercy.css">

  </head>
  <body ng-controller="MainCtrl">
    <div class="custom-panel">
      <div class="horizontal-toolbar">
      <my-herf some-attr="https://www.baidu.com"></my-herf>
      <select ng-model="selected" multiple="true" class="combobox" ng-options="x.name as x.name for x in dataType" ></select>
     <!--   <input type="text" class="form-control" ng-model="selectedIcon" data-min-length="0" data-html="1" data-auto-select="true" data-animation="am-flip-x" bs-options="x.name as x.name for x in dataType" placeholder="Enter icon" bs-typeahead >
 -->
       <input type="text" name="dataTypeValue" class="form-control" style="margin:0 8px 0 0;">
       <button class="btn btn-tbr btn-primary btn-sm" ><span class="glyphicon glyphicon-hand-right"></span>&nbsp;&nbsp;Next</button>
      </div>
    </div>
    <div class="custom-panel panel1">
       <div ui-grid="gridOptions2" ui-grid-resize-columns ui-grid-move-columns ui-grid-pagination class="grid" style="height:200px;"></div>
    </div>
    <div  class="custom-panel">
      <div class="horizontal-toolbar">
        <input type="text" class="form-control" ng-model="selectedIcon" data-min-length="0" data-html="1" data-limit = "100000" data-auto-select="true"  data-animation="am-flip-x" bs-options="x.name as x.name for x in dataType" placeholder="Enter icon" bs-typeahead >
      
        <input type="text" class="form-control" ng-model="selectedIcon" data-min-length="0" data-html="1" data-auto-select="true" data-animation="am-flip-x" bs-options="x.name as x.name for x in dataType" placeholder="Enter icon" bs-typeahead >

        <input type="text" class="form-control" ng-model="selectedIcon" data-min-length="0" data-html="1" data-auto-select="true" data-animation="am-flip-x" bs-options="x.name as x.name for x in dataType" placeholder="Enter icon" bs-typeahead >

       <button type="button" id="search" class="btn btn-tbr btn-primary btn-sm" ng-click="showModal()"><span class="glyphicon glyphicon-search"></span>  Search</button>

       <button type="button" id="delete" class="btn btn-tbr btn-danger btn-sm" ><span class="glyphicon glyphicon-minus-sign" aria-hidden="true"></span>&nbsp;&nbsp;&nbsp;Delete</button>

       <button type="button" id="add" class="btn btn-tbr btn-primary btn-sm" data-animation="am-fade-and-slide-top" data-placement="center" data-template-url="modal.demo.tpl.html" bs-modal="modal"><span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span>&nbsp;&nbsp;&nbsp;Add</button>
       
     </div>
     <div ui-grid="gridOptions1" ui-grid-resize-columns ui-grid-move-columns ui-grid-pagination class="grid" style="height:300px;"></div>

   </div>

 </body>
    <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="js/jquery.easyui.min.js"></script>
   <script type="text/javascript" src="js/angular.js"></script>
   <script type="text/javascript" src="js/angular-sanitize.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular-animate.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular-touch.js"></script>
   <script type="text/javascript" src="js/angular-strap.js"></script>
   <script type="text/javascript" src="js/angular-strap.tpl.js"></script>
   
  
   
  
 <script src="js/ui-grid.js"></script>
   <script src="js/app.js">

   </script>
 </html>